<template>
  <el-row>
    <info-item v-for="item in renderInfoItem" :key="item.key" :label="item.label" :col="item.col" :is-colon="item.isColon">
      {{ infoData[item.key] }}
    </info-item>
  </el-row>
</template>

<script>
import InfoItem from './InfoItem'
export default {
  name: 'InfoData',
  components: { InfoItem },
  props: {
    infoData: { // info 的 数据
      type: Object,
      default: () => ({})
    },
    renderInfoItem: { // infoItem 的参数
      type: Array,
      default: () => ([])
    }
  }
}
</script>
